<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <title>小米官网</title>
</head>
<body>
    <!-- 快捷导航模块 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <!-- <li class="xiegang"></li> -->
                <ul>
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">loT</a>
                    <span class="sep">|</span>
                    <a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#">天星数科</a>
                    <span class="sep">|</span>
                    <a href="#">有品</a>
                    <span class="sep">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="#">企业团购</a>
                    <span class="sep">|</span>
                    <a href="#">资质证照</a>
                    <span class="sep">|</span>
                    <a href="#">协议规则</a>
                    <span class="sep">|</span>
                    <a href="#">下载app</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <a href="#">登录</a>
                    <span class="sep">|</span>
                    <a href="#">注册</a>
                    <span class="sep">|</span>
                    <a href="#">消息通知</a>
                </ul>
            </div>
            <div class="fcar">
                <a href="#">
                    <em class="iconcar"></em>
                    购物车(0)
                </a>
            </div>
        </div>
    </section>
    <!-- header头部模块 -->
    <header class="header w">
        <div class="logo">
            <a href="index.html" title="小米商城">小米商城</a>
        </div>
        <div class="hotwords">
            <ul>
                <a href="">Xiaomi手机</a>
                <a href="">Redmi红米</a>
                <a href="">电视</a>
                <a href="">笔记本</a>
                <a href="">平板</a>
                <a href="">家电</a>
                <a href="">路由器</a>
                <a href="">服务</a>
                <a href="">社区</a>
            </ul>
        </div>
        <div class="search">
            <input type="search" name="" id="serach-text" placeholder="耳机">
            <button></button>
        </div>
    </header>
    <!-- 巨幕导航模块 -->
    <nav class="nav w">
        <div class="dropdown">
            <ul>
                <li><a href="#">手机</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本 平板</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">出行 穿戴</a></li>
                <li><a href="#">智能 路由器</a></li>
                <li><a href="#">电源 配件</a></li>
                <li><a href="#">健康 儿童</a></li>
                <li><a href="#">耳机 音响</a></li>
                <li><a href="#">生活 箱包</a></li>
            </ul>
        </div>
        <div class="dropitem">
            <a href="" class="pre"></a>
            <a href="" class="next"></a>
            <img src="./upload/海报1.webp" alt="">
        </div>
    </nav>
    <!-- 通道模块 -->
    <div class="showphoto w">
        <div class="channel">
        <div class="channel_list">
            <ul>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/保障服务.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/企业团购.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/F码通道.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/米粉卡.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/以旧换新.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="#" class="card_1">
                        <img src="./images/话费充值.png" alt="">
                        <p>保障服务</p>
                    </a>
                </li>
            </ul>
        </div>
        </div>
        <div class="imgshow">
            <ul>
                <li><a href="" class="img_1"></a></li>
                <li><a href="" class="img_2"></a></li>
                <li><a href="" class="img_3"></a></li>
            </ul>
        </div>
    </div>
    <!-- main模块 -->
    <div class="main">
        <div class="w">
            <a href="" class="main_bigmu"></a>
            <!-- 手机 -->
            <div class="main_phone">
                <p>手机</p>
                <a href="">查看更多</a>
            </div>
            <div class="main_phonemain">
                <div class="main_phonemain_left">
                    <a href="#"></a>
                </div>
                <div class="main_phonemain_right">
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_1">
                            <p class="Redmi">Redmi 10A</p>
                            <p class="bigcreen">大电量、大音量、大屏幕</p>
                            <p class="price">649元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_2">
                            <p class="Redmi">Redmi K50 Pro</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2999元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_3">
                            <p class="Redmi">Redmi K50</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2399元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_4">
                            <p class="Redmi">Redmi K40S</p>
                            <p class="bigcreen">口碑真旗舰</p>
                            <p class="price">1799元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_5">
                            <p class="Redmi">Redmi K50 电竞版</p>
                            <p class="bigcreen">全线拉满的冷血旗舰</p>
                            <p class="price">3299元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_6">
                            <p class="Redmi">Xiaomi 12 Pro</p>
                            <p class="bigcreen">全新骁龙8 | 2K AMOLED屏幕</p>
                            <p class="price">4699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="boxer_7">
                            <p class="Redmi">Xiaomi 12</p>
                            <p class="bigcreen">全新骁龙8 | 5000万主摄</p>
                            <p class="price">3699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer boxer_bargin">
                        <a href="" class="boxer_8">
                            <p class="Redmi">Xiaomi 12X</p>
                            <p class="bigcreen">骁龙870 | 5000万主摄</p>
                            <p class="price">2999元起</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="main_phone1">
                <p>智能穿戴</p>
                <a href="" class="main_phone_remen">穿戴</a>
                <a href="" class="main_phone_remen1">热门</a>
            </div>
            <div class="main_phonemain">
                <div class="main_phonemain_left" id="btn-prev">
                    <a href="#" class="zncd_1"></a>
                </div>
                <div class="main_phonemain_right">
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_2">
                            <p class="Redmi">Redmi 10A</p>
                            <p class="bigcreen">大电量、大音量、大屏幕</p>
                            <p class="price">649元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_3">
                            <p class="Redmi">Redmi K50 Pro</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2999元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_4">
                            <p class="Redmi">Redmi K50</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2399元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_5">
                            <p class="Redmi">Redmi K40S</p>
                            <p class="bigcreen">口碑真旗舰</p>
                            <p class="price">1799元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_6">
                            <p class="Redmi">Redmi K50 电竞版</p>
                            <p class="bigcreen">全线拉满的冷血旗舰</p>
                            <p class="price">3299元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_7">
                            <p class="Redmi">Xiaomi 12 Pro</p>
                            <p class="bigcreen">全新骁龙8 | 2K AMOLED屏幕</p>
                            <p class="price">4699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="zncd_8">
                            <p class="Redmi">Xiaomi 12</p>
                            <p class="bigcreen">全新骁龙8 | 5000万主摄</p>
                            <p class="price">3699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_weight">
                        <div class="boxer_weight">
                            <a href="" class="zncd_9">
                                <p class="Xiaomi">Redmi Buds 3</p>
                                <p class="qingchun">青春版</p>
                                <p class="price_1">99元</p>
                                <img src="./upload/智能穿戴9.webp" alt="">
                            </a>
                        </div>
                        <div class="boxer_weight2" id="btn-next">
                            <a href="" class="zncd_10">
                                <p class="llgd">浏览更多</p>
                                <p class="remen">热门</p>
                                <img src="./images/right.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_phone1">
                <p>笔记本 | 平板</p>
                <a href="" class="main_phone_remen2">热门</a>
            </div>
            <div class="main_phonemain">
                <div class="main_phonemain_left">
                    <a href="#" class="bjb_1"></a>
                </div>
                <div class="main_phonemain_right">
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_2">
                            <p class="Redmi">Redmi 10A</p>
                            <p class="bigcreen">大电量、大音量、大屏幕</p>
                            <p class="price">649元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_3">
                            <p class="Redmi">Redmi K50 Pro</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2999元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_4">
                            <p class="Redmi">Redmi K50</p>
                            <p class="bigcreen">2K直屏的很旗舰</p>
                            <p class="price">2399元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_5">
                            <p class="Redmi">Redmi K40S</p>
                            <p class="bigcreen">口碑真旗舰</p>
                            <p class="price">1799元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_6">
                            <p class="Redmi">Redmi K50 电竞版</p>
                            <p class="bigcreen">全线拉满的冷血旗舰</p>
                            <p class="price">3299元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_7">
                            <p class="Redmi">Xiaomi 12 Pro</p>
                            <p class="bigcreen">全新骁龙8 | 2K AMOLED屏幕</p>
                            <p class="price">4699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="bjb_8">
                            <p class="Redmi">Xiaomi 12</p>
                            <p class="bigcreen">全新骁龙8 | 5000万主摄</p>
                            <p class="price">3699元起</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_weight">
                        <div class="boxer_weight">
                            <a href="" class="zncd_9">
                                <p class="Xiaomi">Redmi Buds 3</p>
                                <p class="qingchun">青春版</p>
                                <p class="price_1">99元</p>
                                <img src="./upload/笔记本9.webp" alt="">
                            </a>
                        </div>
                        <div class="boxer_weight2">
                            <a href="" class="zncd_10">
                                <p class="llgd">浏览更多</p>
                                <p class="remen">热门</p>
                                <img src="./images/right.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_phone1">
                <p>家电</p>
                <a href="" class="main_phone_remen">电视影音</a>
                <a href="" class="main_phone_remen1">热门</a>
            </div>
            <div class="main_phonemain">
                <div class="main_phonemain_left_machine">
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jiadian_1"></a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jiadian_2"></a>
                    </div>
                </div>
                <div class="main_phonemain_right machine_item">
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_2">
                            <p class="Redmi">小米电视6 65” OLED</p>
                            <p class="bigcreen">OLED自发光屏 | 百万级对比度 | 4.6m...</p>
                            <p class="price">6999元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_3">
                            <p class="Redmi">小米电视6 至尊版 65英寸</p>
                            <p class="bigcreen">百级分区背光 | 双120Hz高刷 | 4.5GB...</p>
                            <p class="price">7499元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_4">
                            <p class="Redmi">小米电视 ES55 2022款</p>
                            <p class="bigcreen">多分区背光 | MEMC动态补偿 | 杜比+...</p>
                            <p class="price">2599元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_5">
                            <p class="Redmi">米家直驱洗烘一体机 10kg</p>
                            <p class="bigcreen">第六代 DD 直驱电机</p>
                            <p class="price">1999元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_6">
                            <p class="Redmi">米家波轮洗衣机 10kg</p>
                            <p class="bigcreen">高品质洗护 省水省电</p>
                            <p class="price">999元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_7">
                            <p class="Redmi">米家冰箱无霜三门216L</p>
                            <p class="bigcreen">风冷无霜 离子抗菌</p>
                            <p class="price">1499元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_boxer">
                        <a href="" class="jd_8">
                            <p class="Redmi">米家冰箱无霜两门 186L</p>
                            <p class="bigcreen">无霜储藏 鲜活轻松享</p>
                            <p class="price">1299元</p>
                        </a>
                    </div>
                    <div class="main_phonemain_right_weight">
                        <div class="boxer_weight">
                            <a href="" class="zncd_9">
                                <p class="Xiaomi">米家全自动波</p>
                                <p class="qingchun">轮洗衣机8kg</p>
                                <p class="price_1">799元</p>
                                <img src="./upload/家电10.webp" alt="">
                            </a>
                        </div>
                        <div class="boxer_weight2">
                            <a href="" class="zncd_10">
                                <p class="llgd">浏览更多</p>
                                <p class="remen">热门</p>
                                <img src="./images/right.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚模块 -->
    <footer class="footer">
        <div class="footer_head w">
            <div class="footer_top">
                <div class="footer_top_title">
                    <div class="footer_top_boxer">
                        <a href="#">
                            <em class="fix"></em>
                            预约维修服务
                        </a>
                    </div>
                    <span class="sep1"></span>
                    <div class="footer_top_boxer">
                        <a href="#">
                            <em class="seven"></em>
                            7天无理由退货
                        </a>
                    </div>
                    <span class="sep1"></span>
                    <div class="footer_top_boxer">
                        <a href="#">
                            <em class="free"></em>
                            15天免费换货
                        </a>
                    </div>
                    <span class="sep1"></span>
                    <div class="footer_top_boxer">
                        <a href="#">
                            <em class="gift"></em>
                            满69包邮
                        </a>
                    </div>
                    <span class="sep1"></span>
                    <div class="footer_top_boxer">
                        <a href="#">
                            <em class="location"></em>
                            520余家售后网点
                        </a>
                    </div>
                </div>
            </div>
            <div class="footer_medium">
                <div class="medium_service">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="#">账号管理</a></dd>
                        <dd><a href="#">购物指南</a></dd>
                        <dd><a href="#">订单操作</a></dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">自助服务</a></dd>
                        <dd><a href="#">相关下载</a></dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd><a href="#">小米之家</a></dd>
                        <dd><a href="#">服务网点</a></dd>
                        <dd><a href="#">授权体验店/专区</a></dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd><a href="#">了解小米</a></dd>
                        <dd><a href="#">加入小米</a></dd>
                        <dd><a href="#">投资者关系</a></dd>
                        <dd><a href="#">企业社会责任</a></dd>
                        <dd><a href="#">廉洁举报</a></dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">官方微信</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">公益基金会</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="#">F 码通道</a></dd>
                        <dd><a href="#">礼物码</a></dd>
                        <dd><a href="#">防伪查询</a></dd>
                    </dl>
                </div>
                <span class="medium_border"></span>
                <div class="medium_copyright">
                    <p class="medium_copyright_phonenumber">400-100-5678</p>
                    <p class="medium_copyright_time">8:00-18:00（仅收市话费）</p>
                    <a href="" class="medium_copyright_people">
                        <em class=""></em>人工客服</a>
                    <p class="medium_copyright_attention">
                        关注小米：
                        <a href="#" class="weibo"></a>
                        <a href="#" class="wx"></a>
                    </p>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="footer_bottom_items">
                <div class="links">
                    <p>logo</p>
                    <a href="#">小米商城</a> |<a href="#">MIUI</a> | <a href="#">米家</a> |
                    <a href="#">米聊</a> | <a href="#">多看</a> | <a href="#">游戏</a> | 
                    <a href="#">政务服务</a> | <a href="#">小米天猫店</a> | <a href="#">小米集团隐私政策</a> | 
                    <a href="#">小米公司儿童信息保护规则</a> | <a href="#">小米商城用户协议</a> | <a href="#">问题反馈</a>
                    | <a href="#">Select Location</a>
                </div>
                <div class="copyright">
                    © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
                    （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
                    增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证
                    违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </div>
            </div>
        </div>
    </footer>
</body>
</html>